 <!--顶部-->
<div class="nav-top" xmlns:shiro="http://www.w3.org/1999/xhtml">
    <div class="top">
        <div class="py-container">
            <div class="shortcut">
                <ul class="fl">
                    <li class="f-item">东东商城欢迎您！</li>
                    <shiro:principal property='username' />
                    <li class="f-item">请<a href="/login/toLogin">登录</a>
                        　<span><a href="/register/toRegister">免费注册</a></span>
                        <span><a href="/auth/logout">退出</a></span></li>
                </ul>
                <ul class="fr">
                    <li class="f-item"> <a href="/address/toHomeIndex" target="_blank">我的订单</a></li>
                    <li class="f-item space"></li>
                    <li class="f-item"><a href="/login/toIndex">我的东东商城</a></li>
                    <li class="f-item space"></li>
                    <li class="f-item">东东商城会员</li>
                    <li class="f-item space"></li>
                    <li class="f-item">企业采购</li>
                    <li class="f-item space"></li>
                    <li class="f-item">关注东东商城</li>
                    <li class="f-item space"></li>
                    <li class="f-item" id="service">
                        <span>客户服务</span>
                        <ul class="service">
                            <li><a href="cooperation.html" target="_blank">合作招商</a></li>
                            <li><a href="shoplogin.html" target="_blank">商家后台</a></li>
                            <li><a href="cooperation.html" target="_blank">合作招商</a></li>
                            <li><a href="#">商家后台</a></li>
                        </ul>
                    </li>
                    <li class="f-item space"></li>
                    <li class="f-item">网站导航</li>
                </ul>
            </div>
        </div>
    </div>

    <!--头部-->
    <div class="header">
        <div class="py-container">
            <div class="yui3-g Logo">
                <div class="yui3-u Left logoArea">
                    <a class="logo-bd" title="东东商城" href="JD-index.html" target="_blank"></a>
                </div>
                <div class="yui3-u Center searchArea">
                    <div class="search">
                        <form action="/search/toSearch" class="sui-form form-inline">
                            <!--searchAutoComplete-->
                            <div class="input-append">
                                <input type="text" name="str" id="autocomplete" class="input-error input-xxlarge" />
                                <button class="sui-btn btn-xlarge btn-danger" type="submit">搜索</button>
                            </div>
                        </form>
                    </div>
                    <div class="hotwords">
                        <ul>
                            <li class="f-item">东东商城首发</li>
                            <li class="f-item">亿元优惠</li>
                            <li class="f-item">9.9元团购</li>
                            <li class="f-item">每满99减30</li>
                            <li class="f-item">亿元优惠</li>
                            <li class="f-item">9.9元团购</li>
                            <li class="f-item">办公用品</li>

                        </ul>
                    </div>
                </div>
                <div class="yui3-u Right shopArea">
                    <div class="fr shopcar">
                        <div class="show-shopcar" id="shopcar">
                            <span class="car"></span>
                            <a class="sui-btn btn-default btn-xlarge" href="/cart/toCart" target="_blank">
                                <span>我的购物车</span>
                                <i class="shopnum">0</i>
                            </a>
                            <div class="clearfix shopcarlist" id="shopcarlist" style="display:none">
                                <p>"啊哦，你的购物车还没有商品哦！"</p>
                                <p>"啊哦，你的购物车还没有商品哦！"</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="yui3-g NavList">
                <div class="yui3-u Left all-sort">
                    <h4>全部商品分类</h4>
                </div>
                <div class="yui3-u Center navArea">
                    <ul class="nav">
                        <li class="f-item">服装城</li>
                        <li class="f-item">美妆馆</li>
                        <li class="f-item">品优超市</li>
                        <li class="f-item">全球购</li>
                        <li class="f-item">闪购</li>
                        <li class="f-item">团购</li>
                        <li class="f-item">有趣</li>
                        <li class="f-item"><a href="/seckillGoods/toSeckillIndex">秒杀</a></li>
                    </ul>==
                </div>
                <div class="yui3-u Right"></div>
            </div>
        </div>
    </div>
</div>